
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1">
    <meta name="description" content="Modern UI CSS">
    <meta name="author" content="Sergey Pimenov">
    <meta name="keywords" content="windows 8, modern style, modern ui, style, modern, css, framework">

    <link href="css/modern.css" rel="stylesheet">
    <link href="css/modern-responsive.css" rel="stylesheet">
    <link href="css/site.css" rel="stylesheet" type="text/css">
    <link href="js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css">

    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/google-analytics.js"></script>
    <script src="js/github.info.js"></script>
    <script src="js/google-code-prettify/prettify.js"></script>
    <script src="js/pagecontrol.js"></script>

    <title>Modern UI CSS</title>
</head>
<body class="modern-ui" onload="prettyPrint()">
    <div class="page secondary">


        <div class="page-header">
            <div class="page-header-content">
                <h1>PageControl<small>demo</small></h1>
                <a href="/" class="back-button big page-back"></a>
            </div>
        </div>

        <div class="page-region">
            <div class="page-region-content">

                <div class="page-control span10" data-role="page-control">

                    <ul>
                        <li class="active"><a href="#page1">Page 1</a></li>

                    </ul>

                    <div class="frames">
                        <div class="frame active" id="page1">
                            <table class="hovered" style="padding: 20px; width: 700px;">
                            	<thead>
									<tr>
										<th class="Left">ID</th>
										<th class="left">Airline</th>																	
										<th class="left">Departing</th>
										<th class="left">Arriving</th>
										<th class="left">Name</th>
										<th class="left">Price</th>
									</tr>
									
									<tbody>
									
										<td>
											<label class="radio" onclick="">
												<input type="radio" name="r1" value = "1"/>
												<span>1</span>
											</label>
										</td>
										
										<td><img src="../icon/aclogo.png" /></td>
										<td>Vancouver<br><br>10/10/2012<br>11:00AM</td>
										<td>Vancouver<br><br>10/10/2012<br>11:00AM</td>
										<td>Edward Han</td>
										<td>5</td>
									</tbody>
					
								</thead>
                            </table>
                        </div>

                    </div>
                </div>
			</div>
		</div>
	</div>


</body>
</html>